<template>
    <div class="page-content">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-md-12 theiaStickySidebar">
                    <div class="box dash-profile">
                        <div class="settings-menu p-0">
                            <div class="profile-bg">
                                <h5>Beginner</h5>
                                <img src="assets/img/instructor-profile-bg.jpg" alt="">
                                <div class="profile-img">
                                    <a href="instructor-profile.html"><img src="assets/img/user/user15.jpg" alt=""></a>
                                </div>
                            </div>
                            <div class="profile-group">
                                <div class="profile-name text-center">
                                    <h4><a href="instructor-profile.html">Jenny Wilson</a></h4>
                                    <p>教师</p>
                                </div>
                                <!-- <div class="go-dashboard text-center">
                                        <a href="add-course.html" class="btn btn-primary">开始上课</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                    <div class="box account-settings">
                        <div class="settings-menu">
                            <h3>课前准备</h3>
                            <ul>
                                <li class="nav-item">
                                    <router-link to="/lesson" class="nav-link" active-class="active">
                                        <i class="feather-settings"></i> 基本信息
                                    </router-link>

                                </li>
                                <li class="nav-item">
                                    <router-link :to="{ path: '/lesson/video', query: { id: $route.query.id } }"
                                        class="nav-link">
                                        <i class="feather-user"></i> 备课视频
                                    </router-link>
                                </li>
                                <li class="nav-item">
                                    <router-link :to="{ path: '/lesson/word', query: { id: $route.query.id } }"
                                        class="nav-link">
                                        <i class="feather-user"></i> 参考教案
                                    </router-link>
                                </li>
                            </ul>
                            <h3>上课</h3>
                            <ul>
                                <li class="nav-item">
                                    <router-link :to="{ path: '/lesson/ppt', query: { id: $route.query.id } }"
                                        class="nav-link">
                                        <i class="feather-user"></i> 教学PPT
                                    </router-link>
                                </li>
                                <li class="nav-item">
                                    <a href="setting-student-billing.html" class="nav-link">
                                        <i class="feather-credit-card"></i> 参考代码
                                    </a>
                                </li>
                            </ul>
                            <h3>课后</h3>
                            <ul>
                                <li class="nav-item">
                                    <router-link :to="{ path: '/lesson/exercise', query: { id: $route.query.id } }"
                                        class="nav-link">
                                        <i class="feather-settings"></i> 课后习题
                                    </router-link>
                                </li>
                                <li class="nav-item">
                                    <router-link :to="{ path: '/lesson/review', query: { id: $route.query.id } }"
                                        class="nav-link">
                                        <i class="feather-credit-card"></i> 课后反馈
                                    </router-link>
                                </li>
                                <!-- <li class="nav-item">
                                        <a href="setting-student-billing.html" class="nav-link">
                                            <i class="feather-credit-card"></i> 课程回放
                                        </a>
                                    </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-8 col-md-12">
                    <NuxtPage />
                </div>
            </div>
        </div>

    </div>
</template>
